
import React from "react";
import './css/App.css'
import NavHeader from "./components/NavHeader";
import PageFooter from "./components/PageFooter";
import RouterConfig from "./router/index"

import { Layout } from 'antd';
const { Header, Content, Footer } = Layout;


function App(): React.JSX.Element {


  return (<>

    <div className="App">
      {/* 头部 */}
      <Header className="header">
        <NavHeader />
      </Header>
      {/* 匹配上的路由页面 */}
      <Content className="content">
        <RouterConfig />
      </Content>
      {/* 底部 */}
      <Footer className="footer">
        <PageFooter />
      </Footer>
    </div>
    </>
  )
}

export default App
